<template>
<div class="service-detail">
  <div class="service-detail-title">产品介绍</div>
  <div class="service-detail-desc"></div>
  <div class="service-detail-button">
    <van-button type="primary" block @click="use">立即使用</van-button>
  </div>
</div>
</template>

<script>
export default {
  name: "ServiceDetail",
  created() {

  },
  methods: {
    use(){

    }
  }
}
</script>

<style lang="less" scoped>
.service-detail{
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #F8F8F8;

  &-title{
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 10px;
    font-weight: bold;
  }
  &-desc{
    background-color: #FFFFFF;
    height: 400px;
  }
  &-button{
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
  }
}

</style>